<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="stylesheet" type="text/css" href="styleInscriptions.css"/>
<link rel="stylesheet" media="screen" type="text/css" href="tableau.css" />


<!-- //////////////////////////////////////////////////////////Style et JS dataPickers /////////////////////////////////////////////////////// -->
<link rel="stylesheet" href="styleJquery-ui-1.10.2.custom.css"/>
<script src="jsFamille/jquery-1.9.1.js"></script>
<script src="jsFamille/jquery-ui-1.10.2.custom.js"></script>
<!--  <link rel="stylesheet" href="/resources/demos/style.css" />-->

<!-- //////////////////////////////////////////////////////////fin dataPicker /////////////////////////////////////////////////////// -->
</head>
<body>
<div id="tout">
<div id="header">
<label style="font-size: 50px" id="espFamille">Espace famille</label>
			<div id="headerDroite">
				<h:form>
					<h:panelGrid columns="2">
						<h:outputText style="center:left" value="#{mbConnexion.leLogin}" />
						<h:commandButton value="Déconnexion"
							action="#{mbConnexion.deconnexion}" />
						<h:outputText style="center:left" />
						<h:outputText style="center:left" />
					</h:panelGrid>
				</h:form>
			</div>	</div>
<div id="photo">
	<img src="autreImages/classess.jpg" alt="photo" />
	<img src="autreImages/vignette_passeport.jpg" alt="photo" /> 
	<img src="autreImages/vignette_rencontre_jeunesse.jpg" alt="photo" />
	<div id="dernierePhoto">
		<img src="autreImages/vignette_vivre.jpg" alt="photo" />
	</div>
</div>
<div id="content">
 	<ul id="menu">  
 	
   		<li><a href="accueil.xhtml">Accueil</a></li>
  		<li><a href="ficheEnfant.xhtml">Ma Fiche Enfant</a></li>
  		<li><a href="Consulterinscriptions.xhtml">Mes Inscriptions</a>
  			<ul>
  				<li><a href="inscriptions.xhtml">Inscrire/Modifier</a></li>
  				<li><a href="Consulterinscriptions.xhtml">Consulter activités</a> </li>
  			</ul>
  		</li>
  		<li><a href="factures.xhtml">Mes Factures</a></li>
  		<li><a href="contact.xhtml">Contact</a></li>
 	</ul>
 	<div id="milieux">  
 		<div id="centre">
 		<div id="divpointage">
 		<h:form id="formActivites">
			<fieldset id="fieldsetpointage">
			<legend>
							<b>Relevé de présences</b>
						</legend>
				<div id="perCI">
				
				<h:selectOneMenu id="selectPeriodeC" value="#{beanConsultIns.idPeriode}" style="background-color: transparent;border-radius : 5px;">
				<f:ajax listener="#{beanConsultIns.changePeriode}" render="formActivites"/>
 										<h:outputLabel value="Autres periodes : "/>
										<f:selectItems value="#{beanConsultIns.listePeriodes}"/>
									</h:selectOneMenu>
					
				</div>
				<div class="pointage">
					<fieldset class="fieldsetpoint">
						<legend>
							<b>Matin</b>
						</legend>
						<div class="datagrid">
							<h:dataTable id="listePresenceMat" value="#{beanConsultIns.listRelevePresenceMatin}"
							var="lrpm" styleClass="order-table"
							headerClass="order-table-header"
							rowClasses="order-table-odd-row,order-table-even-row">
						
							<h:column>
										<f:facet name="header">Date</f:facet>
										<h:outputText value="#{lrpm.jourPresence}">
    			
    			</h:outputText>
    		</h:column>
									<h:column>
										<f:facet name="header">Statut</f:facet>
										<h:outputText value="#{lrpm.statut}"/>
    			
    		</h:column>
									<h:column>
										<f:facet name="header">Motif absence</f:facet>
										<h:outputText value="#{lrpm.motifAbsence}"/>
    			
    		</h:column>


						</h:dataTable>
						</div>
					</fieldset>
				</div>
				<div class="pointage">
					<fieldset class="fieldsetpoint">
						<legend>
							<b>Cantine</b>
						</legend>
						<div class="datagrid">
						<h:dataTable id="listePresenceMid" value="#{beanConsultIns.listRelevePresenceMidi}"
							var="lrpa" styleClass="order-table"
							headerClass="order-table-header"
							rowClasses="order-table-odd-row,order-table-even-row">
						
							<h:column>
										<f:facet name="header">Date</f:facet>
										<h:outputText value="#{lrpa.jourPresence}">
    			
    			</h:outputText>
    		</h:column>
									<h:column>
										<f:facet name="header">Statut</f:facet>
										<h:outputText value="#{lrpa.statut}"/>
    			
    		</h:column>
									<h:column>
										<f:facet name="header">Motif absence</f:facet>
										<h:outputText value="#{lrpa.motifAbsence}"/>
    			
    		</h:column>


						</h:dataTable>
						</div>
					</fieldset>
				</div>
				<div class="pointage">
					<fieldset class="fieldsetpoint">
						<legend>
							<b>Soir</b>
						</legend>
						<div class="datagrid">
					<h:dataTable id="listePresenceSoir" value="#{beanConsultIns.listRelevePresenceSoir}"
							var="lrps" styleClass="order-table"
							headerClass="order-table-header"
							rowClasses="order-table-odd-row,order-table-even-row">
						
							<h:column>
										<f:facet name="header">Date</f:facet>
										<h:outputText value="#{lrps.jourPresence}">
    			
    			</h:outputText>
    		</h:column>
									<h:column>
										<f:facet name="header">Statut</f:facet>
										<h:outputText value="#{lrps.statut}"/>
    			
    		</h:column>
									<h:column>
										<f:facet name="header">Motif absence</f:facet>
										<h:outputText value="#{lrps.motifAbsence}"/>
    			
    		</h:column>


						</h:dataTable>
						</div>
					</fieldset>
				</div>
				
			</fieldset>
				</h:form>
		</div>
		
 		</div>
 		<div style="clear: both;"></div>
 	</div>
 </div>
 <div style="clear: both;"></div>
 <div id="footer">  
 	<img src="images/afcepfMinus.png"></img>
 	Gepeto
  	<img src="images/malakoffMinus.png" />
 </div>
 </div>
</body>
</html>
